@import 'publicCss';
body {
    background-color: $zybg;
}
#searchIndex {
    .search-header {
        position: relative;
        padding: 0 0.2rem;
        box-sizing: border-box;

        width: 100%;
        height: 4rem;
        background: $zybg url(../images/search/search-index-bg.png) 0 0 no-repeat;
        background-size: 100% 4rem;
        .search-tontrol {
            /*搜索*/
            position: absolute;
            left: 0;
            top: 1rem;
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 0.9rem;
            .close{
            /*关闭*/
                display: none;
                position: absolute;
                left: 73%;
                top: .23rem;
                width: .38rem;
                height: .38rem;
                background:  url(../images/search/search-index-clear.png) 0 0 no-repeat;
                background-size: .38rem .38rem;
            }
            .inp-search {
                position: absolute;
                left: 0.2rem;
                top: 0;
                width: 85%;
                padding-left: 0.3rem;
                box-sizing: border-box;
                height: 0.88rem;
                background-color: $zyb;
                border: none;
                font-size: 0.32rem;
                color: $font3;
                border-radius: 6px;
                margin-top: 1px;
            }
            .search-submit {
                position: absolute;
                left: 80%;
                top: 0.25rem;
                width: 0.38rem;
                height: 0.4rem;
                border: none;
                background: url("../images/search/search-index-submit.png") 0 0 no-repeat;
                background-size: 0.38rem 0.4rem;
            }
            .rightHref {
                display: inline-block;
                width: 0.46rem;
                height: 0.46rem;
                background: url("../images/search/search-index-submit-right.png") 0 0 no-repeat;
                background-size: 0.46rem 0.46rem;
                margin-top: 0.25rem;
                margin-right: 0.2rem;
            }
        }
    }
    .content {
        /*列表*/
    padding: 0 .15rem;
        li {
            width: 100%;
            height: 1.6rem;
            background-color: #fff;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: .2rem;
            a {
                display: inline-block;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: 0.4rem 0 0.4rem 1.04rem;

                div {
                    &:nth-of-type(1) {
                        font-size: 0.34rem;
                        margin-bottom: 0.2rem;
                        color: $font1;
                    }
                    &:nth-of-type(2) {
                        font-size: 0.28rem;
                        color: $font2;
                    }
                }
            }
            &:nth-of-type(1) {

                a {
                   background: url(../images/search/search-sousuo.png) 0.3rem 0.26rem no-repeat,url(../images/search/search-lists-rightBg.png) right bottom no-repeat;
                    background-size: 0.57rem 0.57rem,1.39rem 1.39rem;
                }
            }
            &:nth-of-type(2) {
                a {
                    background: url(../images/search/search-zhongqy.png) 0.3rem 0.26rem no-repeat,url(../images/search/search-lists-rightBg.png) right bottom no-repeat;
                    background-size: 0.57rem 0.57rem,1.39rem 1.39rem;
                }
            }
            
        }
    }
}
